.recommend{
    overflow-x: hidden;
}
.recommend-head {
	width: 100%;
	background: #fff;
	z-index: 9999;
}
.load_before{
    top:0;
    z-index: -1;
}
.shop_list_content{
    position: relative;
    margin-top:30rpx;
}
.recommend-pos {
	height: 52rpx;
	margin-top: 12rpx;
    display: flex;
    align-items: center;
    flex: 1;
}
.address_head {
    width: 95%;
    margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background: #fff;
}
.address_head .share {
    width: 100%;
	margin: 0;
	width: auto;
	height: auto;
	padding: 0;
	line-height: 0;
	background: transparent;
    border: none;
}

.address_head .share::after {
	border: none;
}

.address_head .share image {
	width: 148rpx;
	height: 70rpx;
}
.recommend-local {
	position: relative;
	top: 0rpx;
	left: 0rpx;
	width: 28rpx;
	height: 34rpx;
	background: url(http://img1.birdback.org/a/78/eb/78eb8fab3e152ae0c9c4b9d3380bcd8a.png) no-repeat;
	background-size: 100% 100%;
}

.address_head .recommend-pos text {
	position: relative;
	left: 10rpx;
	font-size: 32rpx;
	color: #40404e;
	font-weight: bold;
    max-width: 75%;
}

.recommend-i {
	position: relative;
	left: 20rpx;
	width: 20rpx;
	height: 12rpx;
	background: url(http://img1.birdback.org/a/86/42/8642d123e8f0d9eba700c96448d8d266.png) no-repeat;
	background-size: 100% 100%;
}

.recommend-space {
	width: 100%;
	background: #fff;
}
.search_inner{
    background: #fff;
    width: 100%;
    height: 60rpx;
}
.search-fixed{
    width: 100%;
    position: fixed;
    z-index: 998;
    background: #fff;
}
.search {
    width: 95%;
    margin: 0 auto 10rpx;
    height: 80rpx;
	display: flex;
    flex-direction: row;
	justify-content: center;
	align-items: center;
	background: #fff;
	.search-item {
        margin: 0 auto;
		width: 100%;
        height: 100%;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		background: #f2f2f2;
		border-radius: 30rpx;
		text {
			font-size: 26rpx;
			margin-left: 20rpx;
			color: #999999;
		}
		image {
			width: 28rpx;
			height: 28rpx;
		}
		input {
			width: 650rpx;
			height: 64rpx;
			font-size: 28rpx;
		}
	}
	.search-list {
        width: 0;
        flex: 1;
		font-size: 24rpx;
		color: #666;
        display: flex;
        flex-direction: row;
        align-items: center;
        view:first-child{
            width: 80rpx;
        }
		.search-list-item {
			padding: 4rpx 16rpx;
			background: rgba(18, 209, 149, 0.1);
			border-radius: 20rpx;
			margin-left: 10rpx;
		}
	}
}
.ad{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin:0 auto 30rpx;
    width:95%;
    border-radius:12rpx;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    swiper{
        width: 100%;
        height:200rpx;
    }
    image{
        height:200rpx;
        width: 100%;
    }
}
.categoryList{
    width: 100%;
    // #ifdef MP-ALIPAY
        height: 290rpx !important;
    // #endif
    margin-bottom: 10rpx;
	.category-info{
		display: inline-block;
		text-align: center;
		position: relative;
		// margin-top: 20rpx;
		width: 20%;
		.category-image{
			width: 70rpx;
			height: 70rpx;
		}
		.category-text{
			font-size: 24rpx;
			width: 100%;
            color:#333;
            margin: -4rpx 0 24rpx 0;

		}
	}
}

.recommend-shop{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-bottom:44rpx;
    margin: 0 0 50rpx;
    border-radius: 8rpx;
    .group-img{
        .goods-index-1{
            margin-left: 12rpx;
            margin-right: 4rpx;
        }
    }
    .recommend-shop-head{
        width:100%;
        height: 96rpx;
        display: flex;
        flex-direction: row;
        position: relative;
    }
    .recommend-shop-img{
        margin:0 0 0 24rpx;
        image{
            width: 72rpx;
            height:72rpx;
            display: block;
            border-radius: 4rpx;
        }
    }
    .recommend-shop-info{
        margin:0 0 20rpx 20rpx;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .recommend-tag{
        font-size:22rpx;
        font-weight:400;
        color:#fff;
        margin-top: 10rpx;
        text{
            background:#ff4f54;
            padding: 0rpx 10rpx;
            margin-left:5rpx;
            border-radius: 4rpx;
        }
    }
    .recommend-shop-title{
        font-size: 26rpx;
        color: #333333;
        font-weight:500;
    }
    .recommend-shop-icon{
        width: 60rpx;
        height:72rpx;
        position: absolute;
        right: 24rpx;
        image{
            width: 60rpx;
            height:72rpx;
            border-radius: 5rpx;
        }
    }
    .recommend-shop-banner{
        width: 100%;
        height:300rpx;
        border-radius: 5rpx;
         image{
                width: 100%;
                height:300rpx;
                border-radius: 5rpx;
            }
    }
    .recommend-shop-buy{
        position: absolute;
        bottom: 10rpx;
        right:24rpx;
        image{
            width: 166rpx;
            height:40rpx;
        }
    }
    
}
.group-active{
  margin-bottom:60rpx;
  overflow: hidden;
  &.car-active{
      margin-bottom: 50rpx;
  }
}

.group-active .group-title{
  width: 100%;
  display: flex;
  flex-direction:row;
  justify-content:space-between;
}

.group-active .group-title{
	text{
		font-size:40rpx;
		font-weight:500;
		color:#333;
	}
	.active-time {
		margin: 0 6rpx;
		text{
			background: #12D195;
			color: #fff;
			font-size: 24rpx;
			font-weight: 400;
			min-height: 34rpx;
			min-width: 34rpx;
			border-radius: 2rpx;
			margin: 0 6rpx;
			text-align: center;
		}
	}
	.discount_icon{
		background: #FFEAEA;
		color: #FF2C2B;
		font-size: 24rpx;
		font-weight: 400;
		border-radius: 22rpx;
		margin-left: 10rpx;
		width: 110rpx;
		text-align: center;
	}
}


.group-img{
  width: 100%;
  white-space: nowrap;
  padding-left:24rpx;
  &.flex{
      justify-content: flex-start;
  }
}

.group-img .group-index-1 image{
    width: 100%;
    height: 100%;
    margin-top:0;
    position:absolute;
    z-index:-1;
}

.group-active .group-index-1{
    height: 200rpx;
    width: 290rpx;
    overflow: hidden;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    border-radius: 8rpx;
    margin-right:12rpx;
}

.group-active .group-index-3{
   flex: 1;
   height: 166rpx;
   border-radius: 10rpx;
   position: relative;
  display: flex;
  flex-direction:row;
}
.group-active .group-index-3:last-child{
  margin-top: 10rpx;
}

.group-active .group-index-4{
  flex: 1;
  height: 166rpx;
  border-radius: 10rpx;
  position: relative;
}
.group-active .group-index-4:last-child{
  margin-left: 10rpx;
}

.group-intro{
  position: absolute;
}
.group-intro.group-time .group-bg{
    background: #000;
    font-size:26rpx;
    font-weight: 500;
}
.group-intro.group-name .group-bg{
    font-size:20rpx;
    background: #FF4F54;
}
.group-active .group-index-1:nth-child(even) .group-intro.group-name .group-bg{
    background: #FF951A;
}
.group-intro.group-time{
    top:46rpx;
}
.group-intro.group-name{
    top:90rpx;
}

.group-img .group-intro .group-bg{
    border-bottom-right-radius: 16rpx;
    color:rgba(255,255,255,1);
    display: block;
    padding:4rpx 10rpx;
}

.group-img .group-text{
    font-size:26rpx;
    color:rgba(255,255,255,1);
    bottom:10rpx;
    left:10rpx;
    font-weight: 500;
}
.group-img .image_shadow{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
}

.group-center-title{
  width:100%;
  position: absolute;
  bottom:10rpx;
  left: 0rpx;
  display: flex;
  flex-direction:row;
  justify-content: center;
}

.group-center-title text{
  font-size:28rpx;
  color:rgba(255,255,255,1);
  font-weight: 500;
}
.oneself{
  width: 100%;
  position:relative;
  overflow:hidden;
  margin-bottom:30rpx;
}

.oneself-title{
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
	margin-bottom: 20rpx;
	.arr_right{
			margin: 2rpx 0 0 10rpx;
		}
}
.oneself-title view{
    display:flex;
    align-items:center;
    position: relative;
}
.oneself-title>view:first-child{
    margin-left:24rpx;
    font-size:36rpx;
    color:#333;
    font-weight:500;
}

.oneself-title .oneself-image{
    width:86rpx;
    height: 32rpx;
    margin-left:16rpx;
}
.oneself-title .sum-text{
  font-size:24rpx;
  color:#999;
  margin-right: 18rpx;
  display: flex;
  align-items: center;
  // position:absolute;
  // z-index:1;
  // right:0;
}
.oneself-title .sum-text view:first-child{
    flex:1;
    min-width:120rpx;
    text-align:right;
    display:inline-block;
}

.oneself-view{
  width: 100%;
  /* height: 256rpx; */
  white-space: nowrap;
  margin-bottom:20rpx;
}

.oneself-view view{
  width: 210rpx;
  padding-bottom:18rpx;
  display:inline-flex;
  margin-left: 10rpx;
  margin-top:10rpx;
  border:2rpx solid rgba(221, 221, 221, .5);
  flex-direction: column;
  align-items: center;
  border-radius: 8rpx;
  background: #fff;
}

.oneself-view view image{
  width: 100rpx;
  height: 100rpx;
  margin-top: 20rpx;
  border-radius: 5rpx;
}

.oneself-view .oneself-view-title{
  font-size:28rpx;
  font-weight:400;
  color:rgba(51,51,51,1);
  margin-top: 20rpx;
}

.oneself-view .oneself-view-price{
  border:1px solid rgba(0, 184, 157, 0.5);
  color: #12D195;
  font-size: 24rpx;
  margin-top: 10rpx;
  padding:0rpx 10rpx;
  border-radius: 5rpx;
}

.oneself-view view:first-child{
  margin-left: 24rpx;
}

.oneself-view view:last-child{
  margin-right: 24rpx;
}
.oneself_more_icon{
		height: 200rpx;
		width: 58rpx;
		transition: all .2s linear;
		position: absolute;
		right: 0;
		top:18rpx;
}
 .oneself_more_icon.not_show{
		 right: -58rpx;
 }
.scroll_out{
		position: relative;
		
}
.menu_tab_under{
    width: 100%;
    height: 1rpx;
}
.menu_tab.menu-fixed{
        position: fixed;
        z-index:997;
        width: 100%;
        border-bottom: 1px solid rgba(221, 221, 221, .3);
        .title{
            color: #999999 !important;
            font-size: 30rpx !important;
            font-weight: 400 !important;
        }
        .ac {
            .title{
                color: #333 !important;
                font-weight: 500 !important;
            }
        }
        .condition{
            height: 86rpx;
            .picker_select{
                 top:86rpx !important;
            }
        }
    }
.condition{
    justify-content: flex-start;
    background: #fff;
    position: relative;
		.menu{
            margin: 0 20rpx 0 32rpx;
           // flex:1;
			.title{
					font-weight: 500;
					font-size: 36rpx;
					color: #333;
                    .arr_down{
                        margin-left: 10rpx;
                    }
			}
			.sub_title{
                    margin-top: 14rpx;
					font-size: 26rpx;
					color: #666;
					border-radius: 22rpx;
					padding: 0rpx 10rpx;
                    height: 34rpx;
			}
			.sub_title_select{
				icon{
                    margin-left: 6rpx;
                }
			}
            
	}
	.ac {
		.title{
			color: #12D195 !important;
			font-weight: 500;
           
		}
		.sub_title{
			background: #12D195;
			color: #fff;
			
		}
	}
	.picker_select{
		position: absolute;
		z-index: 999;
		background: #fff;
		top: 110rpx;
		left: 0;
		right: 0;
		box-shadow:0px 2px 4px 0px rgba(221, 221, 221, 0.5);
		height: 196rpx;
		transition: .2s all linear;
		.picker_select_column{
			font-size: 26rpx;
			color: #666;
			view{
				height: 88rpx;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				padding: 0 24rpx;
                &.pickered{
                    color: #12D195;
                }
			}
		}
	} 
}

.shop-list-item {
  min-height: 208rpx;
  display: flex;
  flex-direction:row;
}

.shop-info-left{
  position: relative;
  margin: 24rpx 0 0 24rpx;
}

.close{
  width: 160rpx;
  height: 34rpx;
  position: absolute;
  z-index: 99;
  top:126rpx;
  background: url(http://img1.birdback.org/a/42/a3/42a30c61197867e6c36a50bec8600fea.png) no-repeat;
  background-size: 100% 100%;
}

.shop-info-img {
  width: 160rpx;
  height: 160rpx;
  border-radius:8rpx;
}

.shop-info-detail{
  flex: 1;
  padding: 0 0 24rpx 24rpx;
  width:0;
  display: flex;
  flex-direction: column;
  .shop-info-top{
      flex:1;
  }
}

.shop-info-detail-name{
  font-size: 34rpx;
  color: #333;
  margin-top: 24rpx;
  font-weight: 500;
  width:100%;
  line-height: 1;
}
.shop-info-detail-send{
    font-size:22rpx;
    font-weight:400;
    color:#666;
    margin-right: 24rpx;
}
.shop-info-detail-middle{
  margin-top:12rpx;
  display: flex;
  flex-direction:row;
  justify-content:space-between;
  align-items: center;
  line-height: 1;
}
.reser_icon{
    color: #333333;
    font-size: 24rpx;
    background:linear-gradient(to right, #00E6C4, #8DEFD0);
    padding:4rpx 10rpx 5rpx;
    border-radius: 4rpx;
    margin-top:6rpx;
}

.shop-info-detail-other{
  font-size:24rpx;
  color: #666;
}

.shop-info-detail-sales{
  height: 30rpx;
  font-size: 24rpx;
  color: #666;
  text-align: center;
  margin-right: 24rpx;
}

.shop-tags{
  width: 100%;
  font-size: 22rpx;
  color: #FF2C2B;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  position: relative;
}
.arr_right{
    margin:2rpx 0 0 10rpx;
}
.shop-tags .text_list{
  margin-top: 4rpx;
  padding-right:52rpx;
}
.shop-tags.arrowUp .text_list{
  height: auto;
}
.shop-tags.arrowDown .text_list{
  height:46rpx;
  overflow:hidden;
}

.shop-tags.arrowDown .arrow{
    background: url(http://img1.birdback.org/a/b1/56/b156cd614c3b8f5604d6ca7b341ffc79.png) no-repeat;
    background-size:100% 100%;
    
}

.shop-tags.arrowUp .arrow{
    background: url(http://img1.birdback.org/a/49/ca/49cad361f3fcd2c21a14dd7f129d3ffe.png) no-repeat;
    background-size:100% 100%;
    
}

.shop-tags .arrow{
  width:24rpx;
  height: 14rpx;
  position:absolute;
  right:24rpx;
  top:30rpx;

}

.shop-tags view text{
   margin-right: 10rpx;
}

.shop-tags .sales_content{
  border: 1px solid rgba(255, 110, 110, .5);
  border-radius: 2px;
  padding:0rpx 6rpx;
  display: inline-block;
  margin: 10rpx 10rpx 0 0;
}
.shop-tags .sales_content.hide{
    display: none;
}
.shop-tags .green {
    color:#00B89D;
    border:2rpx solid rgba(0, 184, 157, .5);
    display:inline-block;
    padding: 0 4rpx;
}

.tejia{
  width: 30rpx;
  height: 30rpx;
  background: url(http://juhuijia2.birdback.org/mapi/i/shouye_tejia@3x.png) no-repeat;
  background-size: 100% 100%;
}

.manjian{
  width: 30rpx;
  height: 30rpx;
  background: url(http://juhuijia2.birdback.org/mapi/i/shouye_manjian@3x.png)no-repeat;
  background-size: 100% 100%;
}

.discount{
  width: 30rpx;
  height: 30rpx;
  background: url(http://juhuijia2.birdback.org/mapi/i/shouye_discount@3x.png)no-repeat;
  background-size: 100% 100%;
}

.distribution_icon_1{
  width:144rpx;
  height: 30rpx;
}
.icon-tag{
  width: 78rpx;
  height:30rpx;
  margin-left:10rpx;
}


.nav.fixed{
    background: linear-gradient(to right, #0F8658 , #1DB18D);
}

.group-detail-box.add_to_mine{
    justify-content: flex-start;
    .group-detail-medium{
        z-index: 2;
        .arr_long{
            width: 92rpx;
            height: 132rpx;
            margin-left: 90%;
        }
        .content{  
            image{
                width:374rpx;
                height: 146rpx;
            } 
        }
        .title{
            color: #fff;
            font-size: 26rpx;
            line-height: 3;
        }
    }
    button{
        color: #fff;
        font-size: 32rpx;
        border-radius: 6rpx;
        border: 2rpx solid #fff;
        z-index: 2;
        line-height: 1.6;
        margin-top: 120rpx;
    }
}
.add_mine_bar_out{
    width: 100%;
    background: #fff;
    position: fixed;
    z-index: 999;
    height: 70rpx;
}
.add_mine_bar{
    width: 95%;
    margin: 0 auto;
    background: #12D195;
    height: 60rpx;
    border-radius: 34rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24rpx;
    view{
        color: #fff;
        flex: 1;
        padding-left: 20rpx;
    }
    button{
        background: #fff;
        color: #12D195;
        font-size: 24rpx;
        height: 40rpx;
        width: 100rpx;
        border-radius: 34rpx;
        display: flex;
        align-items: center;
        margin-right: 20rpx;
        padding: 0;
        justify-content: center;
    }
}
.special-packet-box{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease;
    .group-detail-medium{
        width: 688rpx;
        height: auto;
        z-index:999;
        .close_together{
            margin-top:24rpx;
        }
        .packet_list{
            position: relative;
            width: 100%;
            background: none;
            height:auto;
            .packet_bg_top{
                width: 600rpx;
                height: 300rpx;
                margin: 0 auto;
                display: block;
                margin-bottom: -90rpx;
            }
            .bottom_shadow{
                position: absolute;
                z-index: 999;
                bottom: 34rpx;
                width: 600rpx;
                height: 66rpx;
                left: 44rpx;
            }
            .packet_content{
                width: 100%;
                // position: absolute;
                // z-index:2;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                overflow: hidden;
                height: auto;
                position: relative;
                .packet_bg_bottom{
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    top:0;
                }
                .store_list{
                    height: auto;
                    max-height: 500rpx;
                    width: 560rpx;
                    margin: 40rpx auto 40rpx;
                    overflow-y:auto;
                    padding-bottom: 30rpx;
                    z-index:999;
                    .flex_bar{
                        display: flex;
                    }
                    .store_card{
                        border-radius: 6rpx;
                        background: #fff;
                        margin-bottom: 10rpx;
                        padding: 32rpx 24rpx 26rpx 24rpx;
                        .store_img{
                            width: 90rpx;
                            height: 90rpx;
                            border-radius: 4rpx;
                            background: #0F8658;
                            margin-right: 24rpx;
                        }
                        .packet_info{
                            width: 0;
                            flex: 1;
                            .packet_left{
                                width: 0;
                                flex: 1;
                                .store_name{
                                    font-size:32rpx;
                                    color: #000;
                                    line-height: 1;
                                }
                                .store_tip{
                                    color: #999999;
                                    font-size: 24rpx;
                                    margin-top:20rpx;
                                } 
                            }
                            .packet_right{
                                width: 100rpx;
                                text-align: center;
                                .packet_value{
                                    color: #F93F45;
                                    font-size:32rpx;
                                    line-height: 0.9;
                                    text{
                                        font-size: 46rpx;
                                        font-weight: 500;
                                    } 
                                }
                                .red_icon{
                                    color: #fff;
                                    font-size: 20rpx;
                                    background: #F93F45;
                                    width: 100rpx;
                                    height: 36rpx;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    border-radius: 24rpx;
                                    margin-top:20rpx;
                                }
                            }
                            
                        }
                        &.new_user{
                            .store_name{
                                font-size:48rpx !important;
                                color: #FF3D00 !important;
                            }
                        }
                    }
                }
            }
        }
    }
}
.special-packet-box.new_packet_box .group-detail-medium{
    .packet_list{
        height: 900rpx;
    }
    .packet_bg{
        position: absolute;
        height: 1000rpx;
        z-index: -1;
        width: 100%;
    }
    .login_bt{
        position: absolute;
        width: 418rpx;
        height: 104rpx;
        z-index: 2;
        left: 50%;
        margin-left: -190rpx;
        top: 680rpx;
        border:none;
        image{
            width: 100%;
            height: 100%;
        }
    }
}
.login_tip{
    .group-detail-medium{
        width: 668rpx;
        height: 362rpx;
        .title{
            font-size: 40rpx;
            font-weight: 500;
        }
        .content{
            font-size: 34rpx;
            margin: 46rpx 0 60rpx;
        }
        .bottom{
            margin-bottom: 30rpx;
            button{
                width: 260rpx;
                height: 80rpx;
                border-radius: 6rpx;
            }
        }
    }
}
.goods-index-1{
    width: 224rpx;
    position: relative;
    display:inline-flex;
    margin-right: 16rpx;
    image{
        width: 100%;
        height: 216rpx;
        border-radius: 8rpx;
    }
    .active_title{
        position: absolute;
        top:0;
        z-index: 2;
        padding: 6rpx;
        background: linear-gradient(to right, #FF7931, #FF2B2B);
        color: #fff;
        font-size: 20rpx;
        border-radius: 8rpx 0 8rpx 0;
        max-width: 100%;
    }
    .goods_info{
        align-items: flex-start;
        margin-top: 10rpx;
        .goods_name{
            color: #333;
            font-size: 24rpx;
            width: 100%;
        }
        .shop-tags{
            justify-content: flex-start;
            .goods_price{
                color: #FF2C2B;
                font-size: 26rpx;
                font-weight: 500;
                text{
                    font-size: 34rpx;
                }
            }
            .sales_content{
                margin: 0;
                padding: 0 4rpx;
                font-size: 16rpx;
                margin-top: 2rpx;
                text{
                    margin-right: 6rpx;
                }
            }
        }
    }
}
.recommend-shop{
    image{
        height: 224rpx;
    }
    .goods_info{
        position: absolute;
        bottom: 0;
        background: rgba(255, 255, 255, .95);
        border-radius: 0 12rpx 0 8rpx;
        height: 76rpx;
        padding: 4rpx 12rpx 4rpx 10rpx;
        width: 178rpx;
    }
}
.new_packet_bar{
    position: fixed;
    z-index:999;
    bottom: 0;
    width: 100%;
    height: 100rpx;
    background: #191B1A;
    .close{
        background: url('http://img1.birdback.org/a/ab/10/ab103f8b29767ab1590fc9d626227330.png') no-repeat;
        background-size: 100% 100%;
        width: 20rpx;
        height: 20rpx;
        position: absolute;
        top:14rpx;
        left: 6rpx;
    }
    .white_text{
        font-size: 30rpx;
        font-weight: 500;
        flex:1;
    }
    .green_bt{
        color: #fff;
        font-size: 30rpx;
        width: 194rpx;
        height: 68rpx;
        background: #12D195;
        margin-right: 30rpx;
        border: none;
    }
}

.packet{
    margin: 0 auto;
    position: relative;
    .packet-bg{
        height: 128rpx;
        width: 100%;
        position: absolute;
        z-index: -1;
    }
    .packet_top{
        height: 118rpx;
        display: flex;
        align-items: center; 
        padding: 10rpx 30rpx 0 40rpx;
        .packet_left{
            width: 0;
            flex: 1;
        }
        .packet_name,.packet_deadline,.packet_require,.packet_value{
            line-height: 1;  
        }
        .packet_name{
            color: #FF2C2B;
            font-size: 36rpx;
        }
        .packet_deadline,.packet_require{
            color: #666;
            font-size: 26rpx;
            margin-top:20rpx;
        }
        .packet_value{
            color: #FF2C2B;
            font-size: 36rpx;
            line-height: 0.8;
            text{
                font-size: 64rpx;
            }
        }
    }
    .packet_bottom{
        background: #fff;
        border-bottom-right-radius: 10rpx;
        border-bottom-left-radius: 10rpx;
        padding: 0 32rpx;
        .packet_tip{
            display: flex;
            border-top: 1rpx dotted #DDDDDD;
            font-size: 22rpx;
            padding: 14rpx 0;
        }
    }
    .packet_tip{
        font-size: 24rpx;
        padding: 8rpx 0;
    }
}
.group-detail-medium .red_bt{
    background: url(http://img1.birdback.org/a/d3/56/d35656849ecd49113b8db308e7f4e66a.png) no-repeat;
    background-size: 100% 100%;
    width: 290rpx;
    height: 66rpx;
    margin: 60rpx auto;
}

.big_brand{
    width: 54rpx;
    height: 28rpx;
    background: url(http://img1.birdback.org/a/40/8c/408c991b50f76d3ed98262ba9f6953cd.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: 99;
}
.new_store{
    width: 54rpx;
    height: 28rpx;
    background: url(http://img1.birdback.org/a/3c/06/3c0607a7810f3d6f22938c5cc3b7814c.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: 99;
}
.store_score{
    margin-right: 20rpx;
}
.star_icon{
    width: 28rpx;
    height: 28rpx;
    margin-right: 10rpx;
}

.empty {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 357rpx;
}

.empty text {
  font-size: 30rpx;
  color: #888;
  margin-top: 24rpx;
}

.empty .img {
  width: 120rpx;
  height: 120rpx;
  background: url(http://juhuijia2.birdback.org/mapi/i/dizhi_kong@3x.png)no-repeat;
  background-size: 100% 100%;
}